<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>euv-demo-问卷-列表</title>
</head>
<body>
    <div id="app">
        <header>
            <img src="../favicon.png" alt="">
            <h2 style="margin: auto 0;">CYue问卷</h2>
            <nav class="header-nav">
                <ul class="nav-menu">
                    <li>
                        <a href="../index.html">首页</a>
                    </li>
                    <li class="nav-menu-item">
                        <a href="#">问卷</a>
                        <ul class="nav-sub-menu">
                            <li>
                                <a href="./edit.html">创建问卷</a>
                            </li>
                            <li>
                                <a href="./list.html">查看问卷</a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <ul class="nav-menu" e-show="login" style="display: flex;">
                    <li>
                        <time>{{ nowTime }}</time>
                    </li>
                    <li>
                        <a href="#">{{ user.username }}</a>
                    </li>
                    <li>
                        <a href="#" @click="logout">logout</a>
                    </li>
                </ul>
            </nav>
        </header>

        <template
            id="template-wj-item"
        >
            <li class="list-item">
                <div>
                    <h3 style="margin: 0;">title</h3>
                    <time>time</time>
                </div>
                <div style="border-top: 1px solid #f5f5f5;">
                    <button class="button-edit button primary">编辑问卷</button>
                    <button class="button-delete button danger">删除问卷</button>
                    <button class="button-view button success">查看问卷</button>
                </div>
            </li>
        </template>

        <main>
            <div class="container-left">
                <button
                    class="button-create button primary"
                    onclick="javascript: window.location.href='./edit.html?action=create'"
                >
                    创建问卷
                </button>
                <div>
                    <button id="button-accordion" class="button accordion">问卷分类</button>
                    <ul class="accordion-content container-left-list">
                        <li class="list-item active">
                            <span>全部问卷</span>
                        </li>
                        <li class="list-item">
                            <span>2024年</span>
                        </li>
                        <li class="list-item">
                            <span>2023年</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="container-right">
                <div>
                    <h2>问卷列表</h2>
                </div>
                <ul class="container-right-list">
                </ul>
            </div>
        </main>

        <div class="footer">
            <p>CYue问卷，不止是问卷</p>
            <p>&copy; 2024 洪炜斐</p>
        </div>
    </div>

</body>
</html>

